<template>
  <div class="title">
     <img src="../assets/logo.png" alt="" class="logo">
     <div class="address-wrap">
       <img src="../assets/位置.png" alt="" class="address">
        <span>成都</span>
     </div>
  </div>
</template>

<script>

window.onload = window.onresize = function () {
    document.documentElement.style.fontSize = 20 * document.documentElement.clientWidth / 750 + 'px';
}

export default {
  name: 'Title',
  
}

import Vue from 'vue';
import { Icon } from 'vant';

Vue.use(Icon);
</script>

<style lang="less">
  .title{
    height:4.5rem;
    background: #ffffff;
    display: flex;
    align-items: center;

    .logo{
      width: 5rem;
      height: 5.15rem;
      margin-left: 16.75rem;
    }

    .address-wrap{
      display: flex;
      align-items: center;
      margin-left: 10rem;
      font-size: 15px;

      .address{
        width: 2rem;
        height: 2rem;
      }
    }
    
  }
</style>
